<!DOCTYPE html>

<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>Obrada slike</title>


<link rel="stylesheet" href="/stylesheets/main.css" type="text/css">

<script type="text/javascript">
	function prikaziPolja() {
		var a=document.getElementById("filter").value
		if(a=="contrast-filter"  || a=="brightness-filter")
		{document.getElementById("parametar").hidden=false}
		else
		{document.getElementById("parametar").value=null
			document.getElementById("parametar").hidden=true}
	}
</script>
</head>

<body>
	<div id="nasLogo" role="banner">

		<a href="/"> <img src="/stylesheets/Login.png" alt="Login"></a>
		<div style="margin-top: 4%;" id="loginHeader"></div>

		<a href="/login">Login</a> <a href="/registracija">Register</a>
	</div>

	<div class="body">
		<div class="dialog">
			<img style="margin-left: 25%" alt="slika" src="/stylesheets/Login.png"
				width="300" height="300">
		<form style="margin-left: 15%" action="/file" method="post"
				enctype="multipart/form-data">
			<div class="select" style="float:right;margin-top:-25%;margin-right: 15%">
				<select id="filter" name="filter" onchange="prikaziPolja()"
					style="margin-left: 50%;">
					<option value="red-filter">Crveni filter</option>
					<option value="green-filter">Zeleni filter</option>
					<option value="blue-filter">Plavi filter</option>
					<option value="invert-filter">Invert filter</option>
					<option value="contrast-filter">Kontrast filter</option>
					<option value="gray-scale-filter">Gray-scale filter</option>
					<option value="brightness-filter">Brightness filter</option>

				</select>
				<input type="text" id="parametar" name="parametar" hidden="true" style="float: right;margin-top: 5%;
				">
			</div>
			
				<input class="button" type="file" name="file">
				 <input
					type="submit" name="submit" value="Posalji" >
			</form>


		</div>



	</div>
</body>
</html>
